<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <title>多种样式的社交网站顶部导航</title>

    @include("frontend/light/common/jscss")


    <style>
        .notification {
            position: fixed;
            top: 20px;
            left: 20px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            padding: 12px 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            z-index: 1000;
            transition: transform 0.3s ease;
        }

    </style>

</head>
<body>

<!--- 测试页面 --->
{{--include("frontend/light/common/header1")--}}
{{--@include("frontend/Bootstrap（组件）/活动/活动：筛选")--}}

{{--@include("frontend/Bootstrap（组件）/组件【集合】/首页/组件：二级栏目2：首页")--}}
{{--@include("frontend/Bootstrap（组件）/组件【集合】/首页/组件：排行榜：首页")--}}
{{--@include("frontend/Bootstrap（组件）/组件【集合】/首页/组件：友情链接3：首页")--}}
@include("frontend/Bootstrap（组件）/组件【集合】/首页/组件：举报操作：首页")


{{--@include("frontend/Bootstrap（组件）/供给/供给：筛选")--}}
{{--@include("frontend/Bootstrap（组件）/动态/动态：详情2")--}}


<button type="button" class="btn btn-primary" onclick="showToast('这是一条成功消息','success')">显示成功消息</button>
<button type="button" class="btn btn-primary" onclick="showNotification('这是一条成功消息')">显示showNotification消息</button>
<button type="button" class="btn btn-primary" onclick="showNotification4('这是一条成功消息')">显示showNotification4消息</button>
<button type="button" class="btn btn-primary" onclick="showNotification2('这是一条成功消息')">显示showNotification2消息</button>

{{--<div class="show-notification" id="show-notification"></div>--}}


<!-- 通知提示 -->
<div class="notification" id="notification">
    <i class="fas fa-check-circle fa-lg text-success"></i>
    <div class="notification-content">操作成功！</div>
</div>

</body>
</html>

